<%@ page language="java" pageEncoding="UTF-8" %>
	<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

		<!DOCTYPE html>
		<html>

		<head>
			<meta charset="UTF-8">
			</meta>
			<base href="${pageContext.request.contextPath}/">
			<title>首页_${site}</title>
			<link rel="stylesheet" type="text/css" href="/css/index.css" />
		</head>

		<body class="index">
			<div class="container">
				<jsp:include page="header.jsp"></jsp:include>
				<jsp:include page="navbar.jsp"></jsp:include>
				<jsp:include page="search.jsp"></jsp:include>

				<div class="wrapper clearfix">
					<div class="sidebar f_r">
						<!--热卖商品-->
						<div class="hot box m_10">
							<div class="title">
								<h2>热卖商品</h2>
							</div>
							<div class="cont clearfix">
								<ul class="prolist">

									<c:forEach items="${hotGoods}" var="hotGoods">
										<li><a href="goods?opr=view&id=${hotGoods.id}"><img src="${hotGoods.img}"
													width="85" height="85" alt="${hotGoods.bookName}"
													style=" display: block; border-radius: 5%;" /></a>
											<p class="pro_title">
												<a href="goods?opr=view&id=${hotGoods.id}">${hotGoods.bookName}</a>
											</p>
											<p class="brown">
												<b>${hotGoods.sellingPrice}￥</b>
											</p>
										</li>
									</c:forEach>


								</ul>
							</div>
						</div>
					</div>

					<div class="main f_l">
						<!--商品列表-->
						<div class="box yellow m_10">
							<div class="title title3" style="text-align: center;">
								<h2 style="color: #cb7f33;display: block; ">
									${category.categoryName}<span style="font-size: 14px;color:black;">类书籍</span>
								</h2>
							</div>
							<div class="cont clearfix">
								<ul class="prolist">
									<c:if test="${not empty goodsList}">
										<c:forEach items="${goodsList}" var="goodsList">

											<li style="overflow:hidden"><a href="goods?opr=view&id=${goodsList.id}"
													target="_blank"><img src="${goodsList.img}" width="175" height="175"
														alt="${goodsList.bookName}" title="${goodsList.bookName}"
														style=" display: block; border-radius: 5%;" /></a>
												<p class="pro_title">
													<a title="${goodsList.bookName}"
														href="goods?opr=view&id=${goodsList.id}">${goodsList.bookName}</a>
												</p>
												<p class="brown">
													惊喜价：<b>${goodsList.sellingPrice}￥</b>
												</p>
												<p class="light_gray">
													市场价：<s>${goodsList.marketPrice}￥</s>
												</p>
											</li>
										</c:forEach>
										
									</c:if>
									<c:if test="${empty goodsList}">
										正在上新中... <br>
									</c:if>
								</ul>
							</div>
						</div>
						<!--最新商品-->
					</div>
				</div>
				<jsp:include page="help.jsp"></jsp:include>
				<jsp:include page="footer.jsp"></jsp:include>
			</div>
		</body>

		</html>